<div layout-padding>
    <div style="margin-top: 10px;" class="md-headline">
        {{ 'HELP_ICON.PARENTAL_CONTROL.WHITELIST.OVERVIEW.TITLE' | translate}}
    </div>
    <div>
        <p translate="HELP_ICON.PARENTAL_CONTROL.WHITELIST.OVERVIEW.P1"></p>
        <p translate="HELP_ICON.PARENTAL_CONTROL.WHITELIST.OVERVIEW.P2"></p>
    </div>
    <!--<md-tabs md-dynamic-height md-border-bottom>-->
        <!--<md-tab>-->
            <!--<md-tab-label>{{ 'HELP_ICON.TAB.OVERVIEW' | translate }}</md-tab-label>-->
            <!--<md-tab-body>-->
                <!--<md-content layout="column" class="help-tab">-->
                    <!--<div style="margin-top: 10px;" class="md-headline">-->
                        <!--{{ 'HELP_ICON.PARENTAL_CONTROL.WHITELIST.OVERVIEW.TITLE' | translate}}-->
                    <!--</div>-->
                    <!--<div>-->
                        <!--<p translate="HELP_ICON.PARENTAL_CONTROL.WHITELIST.OVERVIEW.P1"></p>-->
                    <!--</div>-->
                    <!--&lt;!&ndash;<div ng-bind-html="vm.contentOverview | htmlSafe"></div>&ndash;&gt;-->
                <!--</md-content>-->
            <!--</md-tab-body>-->
        <!--</md-tab>-->

        <!--&lt;!&ndash; comment or uncomment to show or hide details section &ndash;&gt;-->
        <!--<md-tab>-->
            <!--<md-tab-label>{{ 'HELP_ICON.TAB.DETAILS' | translate }}</md-tab-label>-->
            <!--<md-tab-body>-->
                <!--<md-content layout="column" class="help-tab">-->
                    <!--<div>-->
                        <!--<p translate="HELP_ICON.PARENTAL_CONTROL.WHITELIST.DETAILS.P1"></p>-->
                    <!--</div>-->
                <!--</md-content>-->
            <!--</md-tab-body>-->
        <!--</md-tab>-->

        <!--&lt;!&ndash; comment or uncomment to show or hide additional-resource section &ndash;&gt;-->
        <!--&lt;!&ndash;<md-tab>&ndash;&gt;-->
            <!--&lt;!&ndash;<md-tab-label>{{ 'HELP_ICON.TAB.ADDITIONAL' | translate }}</md-tab-label>&ndash;&gt;-->
            <!--&lt;!&ndash;<md-tab-body>&ndash;&gt;-->
                <!--&lt;!&ndash;<md-content layout="column" class="help-tab">&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;<div style="margin-top: 10px;" class="md-headline">{{ vm.title | translate }}</div>&ndash;&gt;&ndash;&gt;-->
                    <!--&lt;!&ndash;&lt;!&ndash;<div ng-bind-html="vm.contentAdditionalResources | htmlSafe"></div>&ndash;&gt;&ndash;&gt;-->
                <!--&lt;!&ndash;</md-content>&ndash;&gt;-->
            <!--&lt;!&ndash;</md-tab-body>&ndash;&gt;-->
        <!--&lt;!&ndash;</md-tab>&ndash;&gt;-->
    <!--</md-tabs>-->
</div>
